<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>一朵 - 商品</title>
    <!-- swiper-2.7css -->
    <link rel="stylesheet" href="__STATIC__/index/js/swiper/idangerous.swiper.css">
    <!-- swiper-2.7js -->
    <script src="__STATIC__/index/js/swiper/idangerous.swiper.min.js"></script>
    <!-- jquery-3.2.1引用 -->
    <script src="__STATIC__/index/js/global/jquery-3.2.1.min.js"></script>
    <!-- 阿里巴巴矢量图库 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_561814_q1vg409ad6coko6r.css">
    <!-- 公共头部 脚部 -->
    <link rel="stylesheet" href="__STATIC__/index/css/global/global.css">
    <!-- 超过1200屏幕 -->
    <link rel="stylesheet" media="screen and (min-width: 1200px)" href="__STATIC__/index/css/list/list1200.css" />
    <!-- 1080-1200 -->
    <link rel="stylesheet" media="screen  and (min-width: 1080px) and (max-width: 1199px) " href="__STATIC__/index/css/list/list1080.css"
    />
    <!-- 960-1080 -->
    <link rel="stylesheet" media="screen  and (min-width: 960px) and (max-width: 1079px) " href="__STATIC__/index/css/list/list960.css"
    />
    <!-- 768-959 -->
    <link rel="stylesheet" media="screen  and (min-width: 768px) and (max-width: 959px) " href="__STATIC__/index/css/list/list768.css"
    />
    <!-- 568-767 -->
    <link rel="stylesheet" media="screen  and (min-width: 568px) and (max-width: 767px) " href="__STATIC__/index/css/list/list568.css"
    />
    <!-- 375-567 -->
    <link rel="stylesheet" media="screen  and (min-width: 375px) and (max-width: 567px) " href="__STATIC__/index/css/list/list375.css"
    />
    <!-- 小于375-->
    <link rel="stylesheet" media="screen  and (max-width: 374px) " href="__STATIC__/index/css/list/list320.css" />
     {include file="public/page_css" /}
</head>

<body>
    <div class="M">
        <!-- M导航条轮播 -->
        <div class="navigation tanchu">
            <!-- 手机端头部 -->
            {include file="public/m_header" /}
            <!-- 手机端头部结束 -->
            <div class="swiper-container1 M-index-swiper">
                <div class="swiper-wrapper">
                    {foreach name="category" item="v"}
                    <div class="swiper-slide">
                        <div class="swiper-a {if condition='$cate_id eq $v.id'} swiper_a_border {/if}">
                            {$v.title}
                            <span class="iconfont icon-xiangxia1"></span>
                        </div>
                    </div>
                    {/foreach}
                    <div class="swiper-slide">
                        <div class="swiper-a {if condition='$cate_id eq 99999'} swiper_a_border {/if}">
                            会员商品
                            <span class="iconfont icon-xiangxia1"></span>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="swiper-a {if condition='$cash_coupon eq 1'} swiper_a_border {/if}">
                            代金券
                            <span class="iconfont icon-xiangxia1"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sousuo">
                <div>
                    <input type="text" name="m_key" placeholder="点击搜索艺术美食">
                    <a href="javascript:;" onclick="m_search();">
                        搜索
                    </a>
                </div>
            </div>
            {foreach name="category" item="v1"}
            <div class="popup">
                <a href="{:url('GoodsList/goods_list')}?cate_id={$v1.id}">全部</a>
                {foreach name="exp_category" item="v"}
                <a href="{:url('GoodsList/goods_list')}?cate_id={$v1.id}&exp_cate={$v.id}">{$v.title}</a>
                {/foreach}
            </div>
            {/foreach}
            <div class="popup">
                <a href="{:url('GoodsList/member_goods_list')}?cate_id=999999">全部</a>
                {foreach name="exp_category" item="v"}
                <a href="{:url('GoodsList/member_goods_list')}?cate_id=999999&exp_cate={$v.id}">{$v.title}</a>
                {/foreach}
            </div>
            <div class="popup">
                <a href="{:url('GoodsList/get_cash_coupon_list')}?cate_id=0">全部</a>
                {foreach name="exp_category" item="v"}
                <a href="{:url('GoodsList/get_cash_coupon_list')}?cate_id=0&exp_cate={$v.id}">{$v.title}</a>
                {/foreach}
            </div>
        </div>
        <div class="m-neirong">
            <div class="m-for">
                {if condition="!empty($all_goods)"} {foreach name="goods" item="v"}
                <a href="{if condition='$cash_coupon eq 0'}{:url('GoodsList/goods_detail')}?id={$v.id}{else /} {:url('GoodsList/cash_coupon_detail')}?id={$v.id}{/if}">
                    <div class="m-neirong-top">
                        <img src="{$v.logo}" alt="">
                    </div>
                    <div class="m-neirong-bottom">
                        <p class="m-headline">{$v.name}</p>
                        <p class="m-zuanshi" {if condition="$v.member_level_id neq 4" } style="display: none;" {/if}>
                            <span>{$v.title} ￥{$v.member_price}</span>
                        </p>
                        <p class="m-bojin" {if condition="$v.member_level_id neq 3" } style="display: none;" {/if}>
                            <span>{$v.title} ￥{$v.member_price}</span>
                        </p>
                        <p class="m-huangjin" {if condition="$v.member_level_id neq 2" } style="display: none;" {/if}>
                            <span>{$v.title} ￥{$v.member_price}</span>
                        </p>
                        <!--<p class="m-wu" style="display: none;">-->
                        <!--<span>蜜瓜 香醇 奶油 巧克力</span>-->
                        <!--</p>-->
                        <p class="m-price">￥{$v.price}</p>
                    </div>
                </a>
                {/foreach} {/if}
            </div>
            {if condition="empty($all_goods)"}
            <div class="m-kong">
                <img src="__STATIC__/index/img/list/kong.png" alt="">
                <p>没有搜索到您所要的商品</p>
                <p>······</p>
            </div>
            {/if}
        </div>
        {include file="public/m_footer" /}
    </div>
    <div class="PC">
        <!-- 电脑端头部 -->
        {include file="public/p_header" /}
        <!-- 电脑端头部结束 -->
        <div class="pc-fenlei">
            <div class="pc-fenlei-bottom">
                <div class="pc-fenlei-bottom-left">
                    <div>
                        <span>分类&nbsp;&nbsp;&nbsp;：</span>
                    </div>
                    <div>
                        <ul>
                            {foreach name="category" item="v"}
                            <li class="{if condition='$cate_id eq $v.id'}pc-xuanzhong {/if}">
                                <a href="{:url('GoodsList/goods_list')}?cate_id={$v.id}">{$v.title}</a>
                            </li>
                            {/foreach}
                            <li class="{if condition='$cate_id eq 99999'}pc-xuanzhong{/if}">
                                <a href="{:url('GoodsList/member_goods_list')}?cate_id=99999">会员商品</a>
                            </li>
                            <li class="{if condition='$cash_coupon eq 1'}pc-xuanzhong{/if}">
                                <a href="{:url('GoodsList/get_cash_coupon_list')}">代金券</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="pc-fenlei-bottom-left">
                    <div>
                        <span>口味&nbsp;&nbsp;&nbsp;：</span>
                    </div>
                    <div>
                        <ul>
                            <li {if condition="$exp_cate eq ''" } class="pc-xuanzhong" {/if}>
                                {if condition="$cate_id neq 0"}
                                <a href="{:url('GoodsList/goods_list')}?cate_id={$cate_id}">全部</a>
                                {else /}
                                <a href="{:url('GoodsList/get_cash_coupon_list')}?cate_id={$cate_id}">全部</a>
                                {/if}
                            </li>
                            {foreach name="exp_category" item="v"}
                            <li class="{if condition='$exp_cate eq $v.id'} pc-xuanzhong {/if}">
                                {if condition="$cate_id neq 0"}
                                <a href="{:url('GoodsList/goods_list')}?cate_id={$cate_id}&exp_cate={$v.id}">{$v.title}</a>
                                {else /}
                                <a href="{:url('GoodsList/get_cash_coupon_list')}?cate_id={$cate_id}&exp_cate={$v.id}">{$v.title}</a>
                                {/if}
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                </div>
                <div class="pc-fenlei-bottom-right">
                    <input type="text" placeholder="点击搜索艺术美食 " name="p_key">
                    <span class="iconfont icon-sousuo" onclick="search();"></span>
                </div>
            </div>
        </div>
        <div class="pc-neirong">
            <div class="pc-for">
                {if condition="!empty($all_goods)"} {foreach name="goods" item="v"}
                <a href="{if condition='$cash_coupon eq 0'}{:url('GoodsList/goods_detail')}?id={$v.id}{else /} {:url('GoodsList/cash_coupon_detail')}?id={$v.id}{/if}">
                    <div class="pc-neirong-top">
                        <img src="{$v.logo}" alt="">
                    </div>
                    <div class="pc-neirong-bottom">
                        <p class="pc-headline">{$v.name}</p>
                        <p class="pc-zuanshi" {if condition="$v.member_level_id neq 4" } style="display: none;" {/if}>
                            <span>{$v.title} ￥{$v.member_price}</span>
                        </p>
                        <p class="pc-bojin" {if condition="$v.member_level_id neq 3" } style="display: none;" {/if}>
                            <span>{$v.title} ￥{$v.member_price}</span>
                        </p>
                        <p class="pc-huangjin" {if condition="$v.member_level_id neq 2" } style="display: none;" {/if}>
                            <span>{$v.title} ￥{$v.member_price}</span>
                        </p>
                        <!--<p class="pc-wu" style="display: none;">-->
                        <!--<span>蜜瓜 香醇 奶油 巧克力</span>-->
                        <!--</p>-->
                        <p class="pc-price">￥{$v.price}</p>
                    </div>
                </a>
                {/foreach} {/if}
            </div>
            <!-- 翻页 -->
            {if condition="!empty($all_goods)"}
            <div class="pages pc-Flip" style=" text-align: center;">
                {$page}
            </div>
            {/if}
        </div>
        {if condition="empty($all_goods)"}
        <div class="pc-kong">
            <img src="__STATIC__/index/img/list/kong.png" alt="">
            <p>没有搜索到您所要的商品</p>
            <p>······</p>
        </div>
        {/if} {include file="public/p_footer" /}
    </div>
    <script type="text/javascript">
        // 移动端导航条
        var mySwiper = new Swiper('.swiper-container1', {
            slidesPerView: 5,
            freeMode: false,
        });
        $(function () {
            $('.swiper-a').click(function () {
                var number = $('.swiper-a').index(this);
                if ($(this).hasClass("overturn")) {
                    $(this).removeClass('overturn');
                    $('.popup').eq(number).css('display', 'none');
                    $('.tanchu').css({
                        "position": "",
                        "top": ""
                    });
                    return
                }
                $('.swiper-a').removeClass('overturn');
                $(this).addClass('overturn');
                $('.popup').css('display', 'none');
                $('.popup').eq(number).css('display', 'block');
                $('.tanchu').css({
                    "position": "fixed",
                    "top": "0"
                });
            });
        });
        /**
         * PC搜索艺术美食
         */
        function search() {
            var key = $('input[name=p_key]').val();
            window.location.href = "{:url('Index/search')}?key=" + key;
        }
        /**
         * 移动端搜索
         */
        function m_search() {
            var m_key = $('input[name=m_key]').val();
            window.location.href = "{:url('Index/search')}?key=" + m_key;
        }
    </script>
</body>

</html>